$(function() {
    // 1.退出登录
    let layer = layui.layer
    $("#logout").on("click", function() {
            layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function(index) {
                //do something
                location.href = "/login.html"
                localStorage.removeItem("token")
                layer.close(index);
            });
        })
        // 2.渲染用户名和头像信息,封装成函数,后面更新还要用
    getUserInfo()


})

function getUserInfo() {
    axios({
        method: "GET",
        url: "/my/userinfo",
        // headers: {
        //     Authorization: localStorage.getItem("token")
        // }
    }).then(res => {
        // console.log(res.data.data);
        if (res.data.status !== 0) {
            return layer.msg(res.data.message)
        }
        //成功后渲染用户名和头像
        renderUserInfo(res.data.data)
    })
}

function renderUserInfo(user) {
    // 判断使用的是用户名还是用户昵称
    let name = user.nickname || user.username
        // 欢迎赋值
    $(".welcome").html("欢迎&nbsp;" + name)
        //判断有没有头像图片
    if (user.user_pic == null) {
        $(".avatar-img").hide()
        $(".avatar-text").show().html(name[0].toUpperCase())
    } else {
        $(".avatar-text").hide()
        $(".avatar-img").show().attr("src", user.user_pic)
    }

}